<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>个人简历</title>
	<link rel="stylesheet" type="text/css" href="main.css">
</head>
<!--body background="./bg1.png"-->
<body bgcolor="#262626" style="color: rgba(255, 255, 255, 1)">
<aside>
	<a class="cur_a"><span></span></a>
	<a><span>About me</span></a>
	<a><span>Skills</span></a>
	<a><span>Experiences</span></a>
	<a><span>Contact with Me</span></a>
</aside>	
<section class="page_one" id="page1">
	<nav>
		<div class="nav_wrap">
			<div class="resume_logo">
				<a href="index.html">Resume</a>
			</div>
			<div class="nav_bar">
				<ul class="nav_bar_ul">
					<li><a href="index.html">Home</a></li>
					<li><a href="#">Page II</a></li> 
					<li><a href="#">Page III</a></li>
					<li><a href="#">Page IV</a></li>
					<li><a href="#">Page V</a></li>
				</ul>
			</div>
		</div>
	</nav>
	
	<div class="cen_con">
		<div class="portrait">
            <img onmousemove="this.src='22.png'" / onmouseout="this.src='portrait1.jpg'"/ src="portrait1.jpg">
        </div>
		<div class="cen_text">
		    <h2 style="text-align: cen_text">
                <span style="color: rgba(255, 255, 255, 1)">
                    <strong>我知道,痛苦乃是唯一的高贵</strong>
					<strong>无论人世和地狱都不能将其侵蚀.</strong><br>
					<strong>为了把我那神秘的冠冕编缀</strong>
					<strong>须将一切时代一切领域征集.</strong><br>
                </span>
            </h2>
			<hr>
			<h3 style="text-align: right">
			    <span style="color: rgba(255, 255, 255, 1)">
                    <p>&nbsp; &nbsp; ——波德莱尔 《恶之花》· 祝福</p>
                </span>
			</h3>
			<h2>Personal Profile</h2>
			<h3>YukiRinLL (Sutsuhara Yuki / Sakakibara Miyuki)</h3>
			
		</div>
	</div>
	<div class="down_arrow">
		<a class="scroll"><span></span></a> 
	</div>
	
</section>

<section class="page_two" id="page2">
	<div class="con_wrap">
		<div class="tit_wrap">
			<h1 style="color: rgba(190, 190, 190, 1)">Basic INFO</h1>
			<div class="scissors">
				<span></span>
			</div>
			<h2>Who am I ?</h2>
		</div>
		<div class="myinfo">
			<table>
				<tbody>
					<tr>
						<td rowspan="6">
							<img src="portrait1.jpg" width="300" height="300"/>
						</td>
						<td>Name____| Sutsuhara Yuki / Sakakibara Miyuki</td>
    					<td>ID______| YukiRinLL</td>
					</tr>
					<tr>
						<td>Sex_____| 〇〇〇</td>
						<td>Tel_____| +86 13032302510</td>
					</tr>
					<tr>
						<td>Birth___| 2000.05.06</td>
						<td>Email___| YukiRinLL@outlook.com</td>
					</tr>
					<tr>
						<td>Living__| Moon - Mare Tranquillitatis</td>
						<td>OICQ____| 944989026</td>
					</tr>
					<tr>
					    <td>Faith___| Christianity</td>
						<td>________| NULL</td>
					</tr>
					<tr>
					    <td>________| NULL</td>
						<td>________| NULL</td>
					</tr>
					<tr>
						<td colspan="3">
							<a href="https://www.cnblogs.com/SutsuharaYuki/">Blogs</a>
							<p>www.cnblogs.com/SutsuharaYuki</p>
							<br>
							<a href="https://github.com/YukiRinLL">Github</a>
							<p>github.com/YukiRinLL</p>
							<br>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
	<div class="down_arrow">
		<a class="scroll"><span></span></a> 
	</div>
</section>
<section class="page_three" id="page3">
	<div class="con_wrap">
		<div class="tit_wrap">
			<h1 style="color: rgba(190, 190, 190, 1)">My Abilities</h1>
			<div class="scissors">
				<span></span>
			</div>
			<h2>Where I will go ?</h2>
		</div>
		<div class="skill_con">
			<div class="canvas_wrap">
				<div class="canvas_con">
					<div class="text_con">
						<p class="percent">85%</p>
						<p class="chart_title">JAVA WEB</p>
						<strong>J2EE</strong>
					</div>
					<canvas id="html5" width=160 height=160></canvas>
				</div>
				<div class="canvas_con">
					<div class="text_con">
						<p class="percent">5%</p>
						<p class="chart_title">ANDROID</p>
					</div>
					<canvas id="css3" width=160 height=160></canvas>
				</div>
				<div class="canvas_con">
					<div class="text_con">
						<p class="percent">5%</p>
						<p class="chart_title">Python</p>
					</div>
					<canvas id="js" width=160 height=160></canvas>
				</div>
				<div class="canvas_con">
					<div class="text_con">
						<p class="percent">30%</p>
						<p class="chart_title">C/C++</p>
						<strong>EMBEDDED SYSTEM</strong>
					</div>
					<canvas id="jq" width=160 height=160></canvas>
				</div>
				<div class="canvas_con">
					<div class="text_con">
						<p class="percent">70%</p>
						<p class="chart_title">AI</p>
						<strong>PyTorch-CV Image Processing</strong>
					</div>
					<canvas id="bs" width=160 height=160></canvas>
				</div>
				<div class="canvas_con">
					<div class="text_con">
						<p class="percent">5%</p>
						<p class="chart_title">Game dev</p>
						<strong>Cocos/UE/Unity</strong>
					</div>
					<canvas id="ps" width=160 height=160></canvas>
				</div>
			</div>
			<div class="text_wrap">
				<p>1.  理解 java 面向对象思想.熟练掌握 java core 															</p>
				<p>2.  了解 Jvm 底层原理，了解 java常用设计模式 																</p>
				<p>3.  掌握常用算法 数据结构.理解反射 线程io流 泛型等技术														</p>
				<p>4.  熟悉 Springboot Spring Springmvc Mybatis-plus 开源框架												</p>
				<p>5.  了解 restful 设计风格																				</p>
				<p>6.  熟悉 HTML CSS JS JQuery 开发. 了解 vue layui angular 等前端框架. 									</p>
				<p>7.  了解 redis 实现缓存 持久化实现缓存 ElasticSearch 搜索服务												</p>
				<p>8.  熟练运用标准SQL语法，熟悉 SqlServer MySQL Sybase 数据库管理工具.  										</p>
				<p>9.  了解 springcloud组件 nacos sentinel doker 等分布式技术 												</p>
				<p>10. 熟悉 idea eclipse sqlyog SSM Navicat  															</p>
				<p>11. 熟练使用 linux 系统及其相关工具命令，熟悉 Tomcat 服务器配置 												</p>
				<p>12. 了解 svn版本管理工具 maven 构建项目  																</p>
				<p>13. 掌握 git 代码管理仓库等开发工具																		</p>
			</div>	
		</div>
		
	</div>
	<div class="down_arrow">
		<a class="scroll"><span></span></a> 
	</div>
</section>
<section class="page_four" id="page4">
    <div class="con_wrap">
		<div class="tit_wrap">
			<h1 style="color: rgba(190, 190, 190, 1)">My Experiences</h1>
			<div class="scissors">
				<span></span>
			</div>
			<h2>Where I come from ?</h2>
		</div>
	  	<div class="work_con">
	  		<div class="programe">
		    	<div class="work_time">Algorithm competition</div>
			    <div class="work_text">
			      	<div class="triangle-left"></div>
			      	<div class="exCon">
				        <h4>活动时间：2018/12--2021/9</h4>
				        <h5>擅长部分：模拟 计算几何 图论 博弈 数据结构</h5>
				        <p>2019 ACM-ICPC 第十二届国际大学生程序设计竞赛 铜奖</p>
				        <p>2020 ACM-ICPC 第十一届国际大学生程序设计竞赛 参赛经历</p>
				        <p>2019 蓝桥杯 全国软件和信息技术专业大赛 c/c++程序设计 B组二等奖</p>
						<p>2020 蓝桥杯 全国软件和信息技术专业大赛 c/c++程序设计 B组一等奖</p>
						<p>2020 蓝桥杯 全国软件和信息技术专业大赛 优秀奖 并获得工信部专业认证</p>
				        <p>2018 第二届「华为杯」程序设计竞赛 二等奖 </p>
				        <p>2018 参加校级程序设计赛事 获一等奖</p>
						<p>2019 参加校级程序设计赛事 获优胜奖</p>
						<br>
						<p>2018~2019 CDUT程序设计协会优秀干事</p>
						<p>2019~2020 CDUT程序设计协会技术部副部长</p>
						<p>在校期间曾参与算法竞赛选修课的授课 以及 各类校级竞赛的组织和出题工作</p>
					</div>
			    </div> 
			</div>
			<div class="programe">
				<div class="work_time">优秀设计/论文</div>
				<div class="work_text">
					<div class="triangle-left"></div>
					<div class="exCon">
						<h4>基于年龄转换算法的跨年龄段人脸识别技术研究</h4>
						<h5>Research on Cross-age Face Recognition Technic Based on Age Conversion Algorithm</h5><br>
						<p>本文在详细论述基于深度学习的对抗生成网络的最新模型基础上，对跨年龄段人脸的生成/对比算法进行实现过程进行说明，并且通过成果展示和检测运行说明该方法具有一定的价值和可行性，能够较好地满足实际应用的需要。</p>
						<p>人脸识别;跨年龄;生成对抗网络</p>
					</div>
				</div>
			</div>
			<div class="programe">
				<div class="work_time">JAVA Development Intern</div>
		    	<div class="work_text">
		      		<div class="triangle-left"></div>
		      		<div class="exCon">
				        <h4>时间：2019/6--2019/11</h4>
				        <h5>智联科技有限公司 Intern</h5><br>
						<h4>时间：2022/5--2022/7</h4>
						<h5>友邦资讯科技有限公司(AIA TSS) Engineer</h5><br>
		      		</div>
		    	</div>
		    </div>
		</div>
    </div>
	<div class="down_arrow">
		<a class="scroll"><span></span></a> 
	</div>
</section>
<section class="page_five" id="page5">
	<div class="con_wrap">
		<div class="tit_wrap">
			<h1>Contact with Me</h1>
			<div class="scissors">
				<span></span>
			</div>	
			<h2>In case I don't see you .</h2>
			<h2>Good afternoon ,Good evening ,and Good night !</h2>
		</div>
		<div class="contact_detail">
			<ul class="con_style">
				<li>
					<span>Arkadia</span>
					<p>[Utopia]</p>
				</li>
				<li>
					<span>El Dorado</span>
					<p>[The_Golden_One]</p>
				</li>
				<li>
					<span>Canaan</span>
					<p>[The_Promised_Land]</p>
				</li>
			</ul>
			<div class="contact_info">
				<form action="" method="get">
				<label>
					<input type="text" id="username" placeholder="Your Name" required="">
					<p  id="check_username"></p>
				</label>
				<label>
					<input type="text" id="usermail" placeholder="Your E-mail" required="">
					<p id="check_usermail"></p>
				</label>	
				<label>
					<input type="text" id="usertheme" placeholder="Theme" required="" maxlength="25">
					<p id="check_usertheme"></p>
				</label>	
				<label>
					<textarea id="usercon" placeholder="Content" required=""></textarea>
					<p id="check_usercon" ></p>
				</label>					
					<button>SEND</button>
				</form>
			</div>
		</div>
	</div>	
</section>
<div style="text-align:center;">
</div>
</body>
<script type="text/javascript" src="main.js"></script>
</html>
